<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jd 子网页1</title>
    <link rel="stylesheet" href="js/script.js">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<nav>
    <div class="container">
        <div class="row">
                <div class="w">
        </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-2">
                        <ul class="fl" style="margin: 0;">
                            <li class="dou1">
                                <img src="img/01_03.png" alt="">
                                <a href="">京东首页</a>
                            </li>
                            <li class="dou2">
                                <div class="zi1">
                                    <div class="ziL" id="dt_nav_you">
                                        <img src="img/2.png" alt="">
                                        <span>河北</span>
                                    </div>
                                </div>
                                <!--<div class="zi2">-->

                                <!--</div>-->
                                <div id="dt_nav_bottom">
                                    <div class="dt_nav_group">
                                        <div class="dt_nav_bb">
                                            <div class="item">
                                                <a href="">北京</a>
                                            </div>
                                            <div class="item">
                                                <a href="">上海</a>
                                            </div>
                                            <div class="item">
                                                <a href="">天津</a>
                                            </div>
                                            <div class="item">
                                                <a href="">重庆</a>
                                            </div>
                                            <div class="item">
                                                <a class="sss" href="">河北</a>
                                            </div>
                                            <div class="item">
                                                <a href="">山西</a>
                                            </div>
                                            <div class="item">
                                                <a href="">河南</a>
                                            </div>
                                            <div class="item">
                                                <a href="">辽宁</a>
                                            </div>
                                            <div class="item">
                                                <a href="">吉林</a>
                                            </div>
                                            <div class="item">
                                                <a class="nop" href="">黑龙江</a>
                                            </div>
                                            <div class="item">
                                                <a class="nop" href="">内蒙古</a>
                                            </div>
                                            <div class="item">
                                                <a href="">江苏</a>
                                            </div>
                                            <div class="item">
                                                <a href="">山东</a>
                                            </div>
                                            <div class="item">
                                                <a href="">安徽</a>
                                            </div>
                                            <div class="item">
                                                <a href="">浙江</a>
                                            </div>
                                            <div class="item">
                                                <a href="">福建</a>
                                            </div>
                                            <div class="item">
                                                <a href="">湖北</a>
                                            </div>
                                            <div class="item"><a href="">湖南</a></div>
                                            <div class="item"><a href="">广东</a></div>
                                            <div class="item"><a href="">江西</a></div>
                                            <div class="item"><a href="">四川</a></div>
                                            <div class="item"> <a href="">海南</a></div>
                                            <div class="item"><a href="">贵州</a></div>
                                            <div class="item"> <a href="">云南</a></div>
                                            <div class="item"><a href="">西藏</a></div>
                                            <div class="item"><a href="">陕西</a></div>
                                            <div class="item"><a href="">甘肃</a></div>
                                            <div class="item"><a href="">青海</a></div>
                                            <div class="item"><a href="">宁夏</a></div>
                                            <div class="item"><a href="">新疆</a></div>
                                            <div class="item"><a href="">港澳</a></div>
                                            <div class="item"><a href="">台湾</a></div>
                                            <div class="item"><a class="nopp" href="">钓鱼台</a></div>
                                            <div class="item"><a href="">海外</a></div>
                                        </div>
                                        <div class="areamini_inter">
                                            <div class="areamini_inter_split"></div>
                                            <p class="areamini_inter_desc">Available Sites</p>
                                            <ul class="areamini_inter_list">
                                                <li class="areamini_inter_item"><img src="img/3.png" alt=""><a href="">Global Site</a></li>
                                                <li style="margin-left: 53px;" class="areamini_inter_item"><img src="img/4.png" alt=""><a href="">cant poconn</a></li>
                                                <li class="areamini_inter_item"><img src="img/5.png" alt=""><a  style="padding-left: 4px;" href="">Situs Indonesia</a></li>
                                                <!--<li style="margin-left: 30px;" class="areamini_inter_item"><img src="img/6.png" alt=""><a href="">Sitio de España</a></li>-->
                                                <!--<li class="areamini_inter_item"><img src="img/7.png" alt=""><a href="">เว็บไซต์ประเทศไทย</a></li>-->
                                            </ul>
                                        </div>
                                    </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-6"></div>
                    <div class="col-md-4">
                        <div class="youzi">
                            <ul>
                                <li><a class="youzi1" href="">你好，请登录</a>
                                    <a class="youzi2" href="">免费注册</a>
                                    <span>|</span>
                                </li>
                                <li>
                                    <a href="">我的订单</a>
                                    <span>|</span>
                                </li>
                                <li id="dt_nav_yand">
                                    <img src="img/02_03.png" alt="">
                                    <a href="">手机购物 ^</a>
                                </li>
                            </ul>
                            <div class="ouu" id="dt_nav_yanz">
                                <img src="img/8.png" alt="">
                                <a style="display: inline-block;padding-left: 10px;" href="">闪购公众账号!</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>
        <div class="zff">
            <div class="row">
                <div class="col-md-3">
                    <div class="c-header">
                        <div class="scrollBox">
                            <div class="mod_dd">
                                <img src="img/1.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="built-in-app">
                        <ul class="nav">
                            <li class="active">精选</li>
                            <li>潮流服饰</li>
                            <li>品质鞋包</li>
                            <li>运动户外</li>
                            <li>居家生活</li>
                            <li id="dt_nav_chen">更多</li>
                        </ul>
                        <div class="d-nav" id="dt_nav_xiff">
                            <ul>
                                <li><span>母婴童装</span></li>
                                <li><span>中表奢汇</span></li>
                                <li><span>个护美妆</span></li>
                                <li><span>食品酒水</span></li>
                                <li><span>3C数码</span></li>
                                <li><span>预告</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="shop_bag">
                        <a href="">我的购物车</a>
                        <img src="img/9_03.png" alt="">
                    </div>
                </div>
            </div>
        </div>
</nav>
<header>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="Stu">
                    <img src="./img/9.png" alt="">
                    <h4>今日上新</h4>
                    <p>每天十点准时开始</p>
                </div>
                <div class="Ste">
                    <img src="img/10.png" alt="">
                </div>
            </div>
            <div class="col-md-5">
                <div class="Ztu">
                    <img src="img/12.png" alt="">
                </div>
                <div class="jrsx">
                    <div class="render">
                        <img src="img/13.png" alt="">
                        <i>仅剩</i>
                        <em>03</em>
                        <i>:</i>
                        <em>33</em>
                        <i>:</i>
                        <em>33</em>
                        <img class="load" src="img/11.png" alt="">
                        <h3 class="san">欧莱雅美妆专场</h3>
                        <strong>低至每满199减100</strong>
                    </div>
                </div>
            </div>
            <div class="col-md-7">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="img/17.png" alt="">
                            <h5>欧莱雅（LOREAL）花萃净透卸妆油250ml</h5>
                            <p>
                                <span>￥150</span>
                                <del>￥168</del>
                                <i>闪降18元</i>
                            </p>
                        </div>
                        <div class="swiper-slide">
                            <img src="img/18.png" alt="">
                            <h5>欧莱雅 LOREAL 清润多重活性水嫩洁面乳 125ml（女士洗面奶 深透洗净污垢 肌肤光洁 控油平衡 男女通用）</h5>
                            <p>
                                <span>￥89</span>
                                <del>￥91</del>
                            </p>
                        </div>
                        <div class="swiper-slide">
                            <img src="img/19.png" alt="">
                            <h5>欧莱雅（LOREAL）多重防护城市水活隔离喷雾100g （女士防晒隔离喷雾 抵御紫外线 减缓衰老 轻薄不油腻）</h5>
                            <p>
                                <span>￥199</span>
                                <del>￥209</del>
                            </p>
                        </div>
                        <div class="swiper-slide">
                            <img src="img/14.png" alt="">
                            <h5>欧莱雅（LOREAL）多重防护隔离防晒套装（隔离露30ml+卸妆水250ml+膜力水65ml）</h5>
                            <p>
                                <span>￥198</span>
                                <del>￥309</del>
                                <i>闪降111元</i>
                            </p>
                        </div>
                        <div class="swiper-slide">
                            <img src="img/15.png" alt="">
                            <h5>欧莱雅（LOREAL）复颜抗皱保湿护肤化妆品套装（柔肤水130ml+日霜50ml+洁面15ml＋乳液50ml×2（随机发））</h5>
                            <p>
                                <span>￥319</span>
                                <del>￥745</del>
                                <i>闪降426元</i>
                            </p>
                        </div>
                        <div class="swiper-slide">
                            <img src="img/16.png" alt="">
                            <h5>欧莱雅 (LOREAL)青春密码酵素精华肌底液 30ml (女士酵素面部精华 青春密码黑精华 促进肌肤更新 补水保湿 )</h5>
                            <p>
                                <span>￥278</span>
                                <del>￥284</del>
                            </p>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <!--<div class="swiper-pagination"></div>-->
                </div>
            </div>
        </div>
    </div>
</header>
<main>
    <div class="container">
        <div class="row">
            <div class="col-md-5">
                <div class="Ztu">
                    <img src="img/20.png" alt="">
                </div>
                <div class="jrsx">
                    <div class="render">
                        <img src="img/13.png" alt="">
                        <i>仅剩</i>
                        <em>12</em>
                        <i>:</i>
                        <em>50</em>
                        <i>:</i>
                        <em>17</em>
                        <img class="load" src="img/21.png" alt="">
                        <h3 class="san">百草味年中嗨购</h3>
                        <strong>爆款满199减120</strong>
                    </div>
                </div>
            </div>
            <div class="col-md-7">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="img/22.png" alt="">
                            <h5>百草味 坚果大礼包1380g/8袋 每日坚果礼盒 干果休闲零食碧根果夏威夷果等 坚果有礼相聚</h5>
                            <p>
                                <span>￥88</span>
                                <del>￥109</del>
                                <i>闪降21元</i>
                            </p>
                        </div>
                        <div class="swiper-slide">
                            <img src="img/23.png" alt="">
                            <h5>百草味 华夫饼1000g 整箱装 网红小零食手撕面包早餐食品饼干蛋糕 西式口袋小糕点点心 零食大礼包 原味</h5>
                            <p>
                                <span>￥29.9</span>
                                <del>￥50</del>
                                <i>闪降20.1元</i>
                            </p>
                        </div>
                        <div class="swiper-slide">
                            <img src="img/24.png" alt="">
                            <h5>百草味 每日坚果750g/30袋 坚果礼盒 混合孕妇零食大礼包 休闲干果 开心果巴旦木核桃腰果等 成人款</h5>
                            <p>
                                <span>￥138</span>
                                <del>￥224</del>
                                <i>闪降86元</i>
                            </p>
                        </div>
                        <div class="swiper-slide">
                            <img src="img/25.png" alt="">
                            <h5>百草味 芒果干120gx3袋 泰国味水果果脯蜜饯网红小吃零食混合装</h5>
                            <p>
                                <span>￥29.9</span>
                                <del>￥38</del>
                            </p>
                        </div>
                        <div class="swiper-slide">
                            <img src="img/26.png" alt="">
                            <h5>百草味 每日坚果900g 混合坚果30袋孕妇零食干果大礼包休闲食品 妈妈款</h5>
                            <p>
                                <span>￥169</span>
                                <del>￥239</del>
                                <i>闪降70元</i>
                            </p>
                        </div>
                        <div class="swiper-slide">
                            <img src="img/27.png" alt="">
                            <h5>百草味 夏威夷果200gx3袋 每日坚果炒货休闲零食干果 奶油味 包装内含开果器</h5>
                            <p>
                                <span>￥48.9</span>
                                <del>￥79</del>
                                <i>闪降30.1元</i>
                            </p>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <!--<div class="swiper-pagination"></div>-->
                </div>
            </div>
        </div>
    </div>
</main>
<footer>
    <div class="ii"></div>
    <div class="footer-2020">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <p>
                        <a href="">关于我们</a><span class="copyright">|</span>
                        <a href="">联系我们</a><span class="copyright">|</span>
                        <a href="">联系客服</a><span class="copyright">|</span>
                        <a href="">合作招商</a><span class="copyright">|</span>
                        <a href="">商家帮助</a><span class="copyright">|</span>
                        <a href="">营销中心</a><span class="copyright">|</span>
                        <a href="">手机京东</a><span class="copyright">|</span>
                        <a href="">友情链接</a><span class="copyright">|</span>
                        <a href="">销售联盟</a><span class="copyright">|</span>
                        <a href="">京东社区</a><span class="copyright">|</span>
                        <a href="">风险监测</a><span class="copyright">|</span>
                        <a href="">隐私政策</a><span class="copyright">|</span>
                        <a href="">京东公益</a><span class="copyright">|</span>
                        <a href="">English Site</a><span class="copyright">|</span>
                        <a href="">Media &amp; IR</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-12 ddd"">
                    <p>
                        <a href="">京公网安备 11000002000088号</a><span class="copyright">|</span><span>京ICP证070359号</span><span class="copyright">|</span>
                        <a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span class="copyright">|</span><span>新出发京零 字第大120007号</span></p>
                    <p><span>互联网出版许可证编号新出网证(京)字150号</span><span class="copyright">|</span>
                        <a href="">出版物经营许可证</a><span class="copyright">|</span>
                        <a href="">网络文化经营许可证京网文[2014]2148-348号</a><span class="copyright">|</span><span>违法和不良信息举报电话：4006561155</span></p>
                    <p><span class="copyright_text">Copyright © 2004 - <em class="copyright_year">2019</em>  京东JD.com 版权所有</span><span class="copyright">|</span><span>消费者维权热线：4006067733</span>
                        <a href="" class="copyright_license">经营证照</a>
                        <span class="copyright">|</span>
                        <span>(京)网械平台备字(2018)第00003号</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>





<script src="./swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/script.js"></script>
<script src="js/script.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

</body>
</html>